<template>
  <basic-card
    :title="$t('menu.list_search')"
    :iconClass="'iconfont icon-shexiangtou'">
    <basic-table
      :pageMethod="pageMethod"
      :tableForm="tableForm">
      <template #table-top="basicTable">
        <el-form ref="form" :inline="true" size="small" class="text-right">
          <el-form-item>
            <el-input
              v-model="tableForm.search"
              @change="basicTable.table.refresh"
            ></el-input>
          </el-form-item>
          <el-form-item> </el-form-item>
        </el-form>
      </template>
      <template #table-column>
        <el-table-column type="selection" width="55"></el-table-column>
        <el-table-column prop="p1" :label="'wifi名称'"></el-table-column>
        <el-table-column prop="p2" :label="'wifi编号 '"></el-table-column>
        <el-table-column prop="p3" :label="'上级设备'"></el-table-column>
        <el-table-column prop="p4" :label="'品牌'"></el-table-column>
        <el-table-column prop="p5" :label="'型号'"></el-table-column>
        <el-table-column prop="p6" :label="'ip'"></el-table-column>
        <el-table-column prop="p7" :label="'端口'"></el-table-column>
        <el-table-column prop="p8" :label="'账号'"></el-table-column>
        <el-table-column prop="p9" :label="'密码'"></el-table-column>
        <el-table-column prop="p10" :label="'连接数'"></el-table-column>
        <el-table-column prop="p11" :label="'状态'"></el-table-column>
      </template>
    </basic-table>
  </basic-card>
</template>
<script lang="ts">
import Vue from 'vue';
import BasicCard from "@/components/Basic/Card/BasicCard.vue";
import BasicTable from "@/components/Basic/Table/BasicTable.vue";
import BasicDeleteDialop from "@/components/Basic/Dialop/BasicDeleteDialop.vue";
export default Vue.extend({
  components: { BasicCard, BasicTable, BasicDeleteDialop },
  data() {
    return {
      tableForm: {
        search: ""
      },
      monitorList: [
        {
          p1: "WI-FI-1",
          p2: "10001",
          p3: "DVR",
          p4: "大华",
          p5: "dh-58bq",
          p6: "192.168.1.102",
          p7: "7777",
          p8: "admin",
          p9: "admin123",
          p10: "1",
          p11: "在线"
        },
        {
          p1: "WI-FI-2",
          p2: "10001",
          p3: "DVR",
          p4: "大华",
          p5: "dh-58bq",
          p6: "192.168.1.102",
          p7: "7777",
          p8: "admin",
          p9: "admin123",
          p10: "1",
          p11: "在线"
        },
        {
          p1: "WI-FI-3",
          p2: "10001",
          p3: "DVR",
          p4: "大华",
          p5: "dh-58bq",
          p6: "192.168.1.102",
          p7: "7777",
          p8: "admin",
          p9: "admin123",
          p10: "1",
          p11: "在线"
        },
        {
          p1: "WI-FI-4",
          p2: "10001",
          p3: "DVR",
          p4: "大华",
          p5: "dh-58bq",
          p6: "192.168.1.102",
          p7: "7777",
          p8: "admin",
          p9: "admin123",
          p10: "1",
          p11: "在线"
        }
      ]
    }
  },
  methods: {
    pageMethod() {
      return Promise.resolve({
        data: {
          list: this.monitorList,
          total: this.monitorList.length,
        }
      });
    }
  }
})
</script>
<style lang="scss" scoped>

</style>